/**
*** 通用样式
**/
body{
    padding-top: 80px;
}
/********** 类名 **********/
/*内容容器*/
.container{
    width: 1060px;
}
/*页面内容主体*/
.main{
    padding-top: 30px;
}
/*面板*/
.panel{
    margin-bottom: 20px;
    border-radius: 3px;
}
.panel-title h2{
    text-indent: 40px;
}
.panel-content{
    padding: 40px 0 30px;
}
/*表单标签*/
.form-label{
    display: inline-block;
    vertical-align: top;
    padding: 15px 0;
    text-align: right;
}
/*表单单选项 复选项*/
.form-radio,
.form-checkbox{
    display: inline-block;
    vertical-align: top;
    margin: 15px 20px 15px 0;
}
.form-radio:before,
.form-checkbox:before{
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-right: 8px;
    color: #777;
    font-family: 'iconfont';
    font-size: 16px;
}
.form-radio:before{
    content: '\e660';
}
.form-radio.active:before{
    content: '\e65d';
    color: #f65434;
}
.form-checkbox:before{
    content: '\e655';
}
.form-checkbox.active:before{
    content: '\e657';
    color: #f65434;
}
/*表单上传图片 上传文件*/
.form-upload-img{
    display: inline-block;
    font-size: 0;
}
.form-upload-img .item{
    margin-right: 11px;
    width: 166px;
    height: 125px;
}
.form-upload-img .form-upload-btn i{
    display: inline-block;
    margin: 40px 70px 14px;
}
.form-upload-img .form-delete-pic i{
    display: inline-block;
    vertical-align: middle;
    margin-top: 46px;
}
.form-upload-file{
    display: inline-block;
}
.form-upload-file .form-upload-btn{
    width: 520px;
}
.form-upload-img .form-tips,
.form-upload-file .form-tips{
    margin-top: 10px;
}
/*表单添加删除项目*/
.form-save-item{
    margin-right: 257px;
}
/*表单查看示例*/
.form-example .desc{
    width: 520px;
}
/*通用按钮*/
.btn{
    display: inline-block;
}
/********** 表单通用子元素 **********/
.form .form-label{
    margin-right: 17px;
}
.form .form-input,
.form .form-select,
.form .form-textarea{
    width: 520px;
}
.form .form-select.select-address,
.form .form-select.select-date{
    width: 255px;
}
.form .form-select.select-address:first-of-type,
.form .form-select.select-date:first-of-type{
    margin-right: 6px;
}
.form .tec-input-wrapper{
    display: inline-block;
    position: relative;
}
.form .form-input.tec-input{
    width: 420px;
}
.form .btn{
    margin-top: 30px;
    width: 144px;
}
.form .btn:first-of-type{
    margin-left: 40px;
}
.form .btn:nth-of-type(2){
    margin-left: 6px;
}
/********** 注册 **********/
.register{
    margin: 0 auto;
    padding: 40px 50px 50px;
    width: 380px;
}
.register h2{
    text-align: center;
}
.register .form-input{
    width: 380px;
}
.register .form-code{
    width: 268px;
}
.register .btn{
    margin-top: 10px;
    width: 380px;
}
/********** 登录 **********/
.login{
    margin: 20px auto 0;
    width: 400px;
}
.login .form-input{
    width: 400px;
}
.login .form-code{
    width: 288px;
}
.login .form-radio{
    margin: 10px 0;
    width: 40%;
}
.login .btn{
    width: 400px;
}
/********** 入驻基本信息 **********/
.settled-basic .form-label{
    width: 302px;
}
.settled-basic .panel-content{
    padding-top: 47px;
    padding-bottom: 53px;
}
.settled-basic fieldset:first-of-type label{
    padding: 30px 0;
}
.settled-basic .tab-nav{
    width: 255px;
}
.settled-basic .tags,
.settled-basic p.form-error{
    margin-left: 323px;
}
/********** 入驻详细信息 **********/
.settled-detailed .form-label{
    width: 295px;
}
.settled-detailed .form-add-item,
.settled-detailed .tags,
.settled-detailed p.form-error{
    margin-left: 315px;
}
/********** 入驻上传作品 **********/
.settled-works .form-label{
    width: 288px;
}
.settled-works .form-example{
    margin-left: 309px;
}
.settled-works .form-add-item,
.settled-works p.form-error{
    margin-left: 308px;
}
/********** 入驻流程完成 **********/
.settled-success p:nth-of-type(1){
    margin-bottom: 10px;
}
.settled-success .code{
    margin: 30px auto 0;
    width: 156px;
}
.settled-success .btn{
    margin: 30px auto 0!important;
    width: 180px;
}
/********** 账户中心 **********/
/*侧边栏菜单*/
.account-center .aside{
    position: fixed;
    top: 110px;
    padding: 14px 0;
    width: 250px;
}
.account-center .aside a{
    display: block;
    margin-bottom: 27px;
    border-left: 3px solid transparent;
    padding-left: 37px;
    height: 32px;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    transition: color .5s;
}
.account-center .aside a:last-of-type{
    margin-bottom: 0;
}
.account-center .aside a:hover{
    color: #f65434;
    font-weight: bold;
}
.account-center .aside a.active{
    border-color: #f65434;
    color: #f65434;
    font-weight: bold;
}
/*账户中心主体内容*/
.account-center .content{
    width: 790px;
}
.account-center .content .form-label{
    width: 110px;
}
.account-center .tags,
.account-center .content p.form-error,
.account-center .content .form-add-item{
    margin-left: 131px;
}
.account-center .content .btn{
    margin-left: 40px;
}
/*账户中心个人兴趣爱好*/
.account-center .hobby .panel-content{
    padding: 46px 0 40px;
}
.account-center .hobby .tag-selected{
    width: 520px;
}
.account-center .hobby fieldset:nth-of-type(2) .form-label{
    padding: 24px 0;
}
.account-center .hobby .tag-list{
    width: 485px;
}
.account-center .hobby .add-tag .form-input{
    width: 420px;
}
/********** 账户技能 账户作品案例 **********/
.account-tec-empty .panel{
    padding-top: 56px;
    padding-bottom: 60px;
}
.account-tec-empty p{
    margin-top: 30px;
    margin-bottom: 32px;
}
.account-tec-empty .btn{
    width: 142px;
    height: 36px;
    line-height: 36px;
}
.account-tec .form-label,
.account-works .form-label{
    width: 288px;
}
.account-tec .form-tips{
    margin-left: 309px;
}
.account-tec .form-example{
    margin-left: 309px;
}
.account-tec p.form-error,
.account-works .form-add-item,
.account-works p.form-error{
    margin-left: 308px;
}
.account-tec .btn,
.account-works .btn{
    margin-left: 40px!important;
}
/********** 技能列表 **********/
.tec-list ul{
    padding-left: 40px;
}
.tec-list .item{
    padding: 40px 40px 40px 0;
}
.tec-list .picture{
    float: left;
    margin-right: 30px;
    width: 210px;
    height: 158px;
}
.tec-list .title{
    margin-bottom: 10px;
}
.tec-list .title h3{
    display: inline-block;
    margin-right: 30px;
}
.tec-list .attrs{
    margin-bottom: 12px;
}
.tec-list .desc{
    margin-bottom: 14px;
}
.tec-list .offer,
.tec-list .status{
    position: absolute;
    top: 40px;
    right: 40px;
}
.tec-list .show-detail{
    position: absolute;
    top: 80px;
    right: 40px;
    width: 98px;
    height: 36px;
    line-height: 36px;
}
/********** 按技能找人列表与详情 **********/
/*标语*/
.tec .slogan{
    padding: 0 41px 30px 50px;
}
.tec .slogan p{
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
}
.tec .slogan .btn{
    width: 142px;
    height: 36px;
    line-height: 36px;
}
/*搜索*/
.tec .search{
    margin-bottom: 22px;
    padding: 40px 40px 25px 40px;
}
.tec .search .form-input{
    width: 880px;
}
.tec .search .form-select{
    width: 188px;
}
/*技能列表*/
.tec .tec-list .item{
    border-bottom: 2px solid #f2f2f2;
}
.tec .tec-list .item:last-of-type{
    border-bottom: none;
}
/*技能详情*/
.tec-detail .content{
    width: 790px;
}
.tec-detail .aside{
    width: 250px;
}
.tec-detail .panel-content{
    padding: 0 0 0 40px;
}
/*技能详情 基础信息*/
.tec-detail .basic{
    padding: 30px 40px 40px;
}
.tec-detail .basic h3{
    overflow: hidden;
    max-width: 620px;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tec-detail .basic .offer{
    top: 30px;
}
.tec-detail .basic .attrs,
.tec-detail .basic .date{
    margin-bottom: 8px;
}
.tec-detail .basic .desc{
    margin-top: 14px;
}
/*技能详情 作品案例*/
.tec-detail .works li{
    padding: 40px 40px 30px 0;
}
.tec-detail .works .picture{
    width: 230px;
    height: 172px;
}
.tec-detail .works .link{
    margin-top: 15px;
}
/*技能详情 工作历史评价*/
.tec-detail .comment li{
    padding: 30px 0;
}
.tec-detail .comment h3{
    width: 633px;
}
/*技能详情 侧边栏*/
.tec-detail .aside p:first-of-type{
    font-weight: bold;
}
.tec-detail .invite{
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 0 46px 40px;
}
.tec-detail .invite p:nth-of-type(2){
    margin-top: 4px;
    margin-bottom: 30px;
    color: #7d7d7d;
}
.tec-detail .invite .btn{
    width: 142px;
    height: 36px;
    line-height: 36px;
}
.tec-detail .count{
    padding: 30px 0 40px 40px;
}
.tec-detail .count p:nth-of-type(1){
    margin-bottom: 10px;
}
/*发起邀请按钮*/
.tec-detail .invite-btn{
    display: none;
}
/********** 提交项目需求 **********/
.demand .form-label{
    width: 283px;
}
.demand .form-example{
    margin-left: 304px;
}
.demand .form-code{
    width: 408px;
}
.demand p.form-error{
    margin-left: 303px;
}
.demand-success .btn{
    width: 180px;
}